﻿<!DOCTYPE html>
<html>
    <head>
        <title>HTML beginner</title>
        <link rel="stylesheet" href="./css/style.css"/>
    </head>
    <body>
        <!-- Heading -->
        <h1>Hello my friends</h1>
        <!-- 文章部分 -->
        <p>你叫什么名字</p>
        <p style="color:red"><a href="https://www.bilibili.com" target="_blank">link</a></p>
        <p><strong>这是<em>李某人的专属网站</em></strong></p>
        <p><a href="https://user.qzone.qq.com" target="_blank"> qq空间</a></p>
        <p><a href="https://leetcode-cn.com" target="_blank">leetcode</a>刷题网站</p>
        <p><a href="https://www.zhihuishu.com/" target="_blank"></a></p>
   
        <p>持续更新中.....</p>
        <!-- 列部分 -->
        <ul>
            <li>第一行</li>
        </ul>
        <ol>
            <li>list</li>
        </ol>
        <!-- 表格 -->
        <table>
            <thead>
                <tr>
                    <th>First name</th>
                    <th>Last name</th>
                    <th>Age</th>
                    <th>Department</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>李</td>
                    <td>国梁</td>
                    <td>19</td>
                    <td>6-444</td>
                </tr>
                <tr>
                    <td>李</td>
                    <td>廷润</td>
                    <td>21</td>
                    <td>6-444</td>
                </tr>
                <tr>
                    <td>李</td>
                    <td>永振</td>
                    <td>20</td>
                    <td>6-444</td>
                </tr>
                <tr>
                    <td>尼加提</td>
                    <td>艾力</td>
                    <td>21</td>
                    <td>6-444</td>
                </tr>
            </tbody>
        </table>
        <br /><!--加一个空行-->
        <hr /><!-- 画一条水平线 -->
        <!-- 表单 -->
        <form action="form.js" method="POST">
            <div>
                <label>First name</label>
                <input type="text" name="First name" placeholder="Enter First name" /><!-- 输入的框 -->
            </div>
            <div>
                <label>Last name</label>
                <input type="text" name="Last name" placeholder="Enter Last name" /><!-- 输入的框 -->
            </div>
            <div>
                <label>Age</label>
                <input type="text" name="Age" placeholder="Enter Age" /><!-- 输入的框 -->
            </div>
            <div>
                <label>Department</label>
                <input type="text" name="Department" placeholder="Enter Department" /><!-- 输入的框 -->
            </div>
            <input type="submit" name="submit" value="Submit" />
        </form>
        <br />
        <!-- 按钮 -->
        <button>This is a button</button>



        <!-- 插入图片 -->
        <img style="width: 20vw" src="img/p1.jpg" alt="查找不到此图片" />
        <img style="width: 20vw" src="img/p2.jpg" alt="查找不到此图片" />

        <blockquote></blockquote>
        <div class="container">
            <div class="box1">
                <h1>Hello World</h1>
                <p>这是盒子1</p>
            </div>
        </div>


        <!-- 注释 -->
        <p><abbr title="一个大帅锅">李国梁</abbr>是大连民族大学的一名学生</p>
        <br />



        <!-- 盒子的学习 -->
        <div class="box3">
            <h1>这是盒子3</h1>
            <p></p>
            <button>button</button>
        </div>
        <div class="list1">
            <ul>
                <li>第一行</li>
                <li>第二行</li>
                <li>第三行</li>
                <li>第四行</li>
            </ul>
        </div>
    </body>

</html>